@charset "utf-8";

$fontcolor1:#0078d7;
$fontcolor2:#666;
$fontcolor3:#8fc31f;
$fontcolor4:#0079d7;
$fontcolor5:#fbfaf7;
$fontcolor6:#fffefe;
$fontcolor7:#2a2a2a;
$fontcolor8:#f4f4f4;

/* 引擎部分 */
#engine{
    background-color: $fontcolor5;
    .left-msg{
        padding-top: 75px;
        padding-bottom: 107px;
        h1{
            color: $fontcolor1;
            font-size: 48px;
            margin-bottom: 29px;
        }
        h2{
            color: $fontcolor2;
            font-size: 30px;
            margin-bottom: 72px;
        }
    }
    .myRow{
        background-image: url(../img/engineLogo.png);
        background-repeat: no-repeat;
        background-position: right center; 
    }
    .engine-intro{
        margin-bottom: 37px;
    }
}

/* 优势部分 */
#advantage{
    margin-top: 87px;
    .left-admsg{
        margin-top: 101px;
    }
    .right-admsg{
        padding-left: 90px;
        h1{
            font-size: 48px;
            color: $fontcolor3;
            margin-bottom: 45px;
        }
        .advRow{
            padding-left: 7px;
            .lineRow{
                margin-bottom: 16px;
                .det{
                    margin-top: 17px;
                }
            }
        }
    }
}

/* 产品家族部分 */
#product{
    background-color: $fontcolor4;
    margin-top: 89px;
    h1{
        font-size: 48px;
        color: $fontcolor6;
        text-align: center;
        padding-top: 112px;
        margin-bottom: 71px;
    }
    .proMsg{
        padding-left: 58px;
        h4{
            font-size: 33px;
            color: $fontcolor6;
        }
        p{
            font-size: 14px;
            color: $fontcolor6;
        }
        >div{
            height: 192px;
        }
        .proDet{
            margin-top: -26px;
            padding-left: 42px;
        }
    }
}

/* 游戏部分 */
#game{
    margin-top: 72px;
    .gTop{
        h1{
            font-size: 35px;
            color: $fontcolor7;
        }
        a{
            font-size: 14px;
            color: $fontcolor7; 
        }
        >div:nth-child(2){
            padding-top: 20px;
        }
    }
    .gBot{
        margin-top: 36px;
        .gLeft{
            img{
                width: 100%;
            }
        }
        .gRight{
            p{
                text-align: center;
                padding-top: 7px;
            }
        }
    }
}

/* 合作伙伴部分 */
#partner{
    background-color: $fontcolor8;
    margin-top: 81px;
    padding-bottom: 40px;
    h2{
        font-size: 30px;
        color: $fontcolor7;
        padding-top: 41px;
        span{
            font-size: 11px;
            color: #777777;
        }
    }
    .partRow{
        margin-top: 33px;
        >div{
            padding-bottom: 20px;
        }
    }
}

/*分页*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 16px;
}
@media (max-width:992px){
    #product .proMsg .proDet{
        margin-top: -12px;
        padding-left: 12px;
    }
}
@media (max-width:767px){
    #engine .myRow{
        background-image: none;
    }
    
    #game .gBot .gRight{
        margin-top: 20px;
    }
    #game .gBot .gRight p{
        width: 67px;
    }
} 
@media (max-width:528px){
    #engine .left-msg{
        padding-bottom: 50px;
    }
    #engine .left-msg h1{
        font-size: 36px;
    }
    #engine .left-msg h2{
        font-size: 18px;
        margin-bottom: 50px;
    }
    #partner .partRow > div{
        width: 49%;
    }
    #partner .partRow .col-xs-4{
         padding-left: 7px;
    }
    
    #game .gBot .gRight .col-xs-2{
        width: 25%;
        height: 115px;
    }
    #game .gTop h1{
        font-size: 22px;
    }
    
    #advantage .right-admsg h1{
        font-size: 36px;
        margin-bottom: 30px;
        padding-left: 15px;
    }
    
    #product{
        margin-top: 50px;
    }
    #product h1{
        font-size: 36px;
        padding-top: 55px;
        margin-bottom: 45px;
    } 
    #product .proMsg{
        padding-left: 15px;
    }
    
    #advantage .right-admsg{
        padding-left: 15px;
    }
    #advantage .right-admsg .advRow .lineRow .det{
        margin-top: 8px;
        padding-left: 25px;
    }
}
@media (max-width:319px){
    #partner .partRow > div{
        width: 100%;     
    }
}
@media (max-width:320px){  
    #advantage{
        margin-top: 32px;
    }
    #advantage .right-admsg{
        padding-left: 0;
    }
    
    #game .gBot .gRight .col-xs-2{
        width: 33%;
    }
    
    #advantage .right-admsg .advRow .lineRow .row .col-xs-2{
        min-width: 54px;
    }
}

